<ion-content>


  <div class="c-p-logo">
    <img src="assets/modify/logo@3x.png" alt="" (click)="pop()">
    <span>随心测</span>
  </div>


  <div class="c-p-modify"> 
    <span>欢迎回来！</span>
  </div>

  <img src="" alt="">

  <div class="c-p-box"> 
    <ion-list no-lines>
      <div>
        <ion-item>
          <ion-label floating>手机号</ion-label>
          <ion-input type="number" (keyup)="rep($event)" [ngClass]="{'has-liner-gradient': this.lgService.isShowPhoneBorder,'no-has-liner-gradient': !this.lgService.isShowPhoneBorder}"
            [(ngModel)]="phone" minlength="11" maxlength="11" (blur)="this.lgService.blurShowPhoneBorder()" (focus)="this.lgService.focusShowPhoneBorder()"></ion-input>
        </ion-item>
      </div>

      <ion-item>
        <ion-label floating>密码</ion-label>
        <ion-input type="password" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowPasswordBorder,'no-has-liner-gradient': !this.lgService.isShowPasswordBorder}"
          [(ngModel)]="password" minlength="8" (blur)="this.lgService.blurShowPasswordBorder()" (focus)="this.lgService.focusShowPasswordBorder()"
          maxlength="16"></ion-input>
      </ion-item>
      <div class="register">
        <p style="display: inline-block" (tap)="gotoRegister()">还没有账号?马上注册</p>
      </div>
      <div class="forget-password">
        <p style="display: inline-block" (tap)="gotoForgetPassword()">忘记密码</p>
      </div>
    </ion-list>
  </div>

  <div class="border-login">
    <button (click)="login()">登录</button>
  </div>
</ion-content>
